<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>The North Face注册登陆</title>
</head>
<body>
    <div class="head">
        <div class="logo">
            <a href="#">
                <img src="https://img2.thenorthface.com.cn/themes/tnf/images/tnf-logo.jpg">
            </a>
            <p>欢迎登陆</p>
        </div>       
    </div>
    <div class="login">
        <div class="bg">
            <div class="register" id="deng1">
                <p>快速登陆/注册</p>
                <form id="register_form">         
                    <div class="tips"><span id="nameTip"></span></div>           
                    <input type="text" value="" name="uname" id="usename1" class="usename" placeholder="请输入手机号或邮箱">
                    <div class="tips"><span id="pwdTip"></span></div>
                    <input type="password" value="" name="uname" id="password1" class="password" placeholder="请输入密码">
                    <input type="text" id="email" class="email" placeholder="请输入邮箱看看你是谁" style="margin-top:10px;">
                </form>
                
                <button type="submit" id="register-botton">立即注册</button>
                <div class="or">
                    <span id="zhuce"><a href="#">快速登陆/注册</a></span>
                    <span id="denglu"><a href="#">账号登陆</a></span>
                </div>

            </div><div class="register" id="deng2" style="display:none">
                <p>账号登陆</p>
                <form>
                    <div class="tips"><span id="nameTip"></span></div>
                    <input type="text" name="uname" id="usename2" class="usename" placeholder="请输入手机号或邮箱">
                    <div class="tips"><span id="pwdTip"></span></div>
                    <input type="password" name="uname" id="password2" class="password" placeholder="请输入密码">
                </form>
                <div class="forget"> <a href="https://www.thenorthface.com.cn/index.php/passport-lost.html" class="pass">密码忘了?</a></div>
                <button type="submit" id="register2-botton" >立即登陆</button>
                <div class="or">
                    <span id="zhuce2"><a href="#">快速登陆/注册</a></span>
                    <span id="denglu"><a href="#">账号登陆</a></span>
                </div>

            </div>

        </div>

    </div>
</body>
</html>